<template>
  <div class="container">
    <nav class="navbar horizontal-menu navbar-fixed-top">
      <div class="navbar-inner">
        <div class="navbar-brand">
          <router-link to="/" class="logo">
            <img src="@/assets/images/logo@2x.png" style="height:40px;">
          </router-link>
        </div>
        <div class="navbar-mobile-clear"></div>
      </div>
    </nav>

    <div class="page-container">
      <div class="main-content">

        <div class="row">
          <div class="panel panel-default">
            <h4 class="text-gray">{{about_title}}</h4>
            <div class="panel-body">
                <blockquote><p>{{ about_desc }}</p></blockquote>
                <blockquote><p>微信公众号 <br/><img src="@/assets/images/wxgjh.jpg" style="height:150px;"></p></blockquote>
            </div>
          </div>
        </div>

        <Footer />
      </div>
    </div>
  </div>
</template>

<script>
import Footer from '@/components/Footer.vue'
import { getInfo } from "@/api/index";

export default {
  name: 'About',
  components: {
    Footer
  },
  data() {
    return {
      about_title:"网址导航",
      about_desc:"站点地址导航 (oxings.com)"
    }
  },
  created() {
    getInfo().then(res =>{
      if(res.data.about_title){
        this.about_title=res.data.about_title
      }
      if(res.data.about_desc){
        this.about_desc=res.data.about_desc
      }
    });
  },
  methods: {
  }
}
</script>

<style scoped>
</style>
